<template>
    <section class="x-banner">
        <a href="{{ads.clk_url}}" target="_blank">
            <img :src="ads.banner" alt=""/>
            <div class="x-tips">广告</div>
        </a>
    </section>
</template>

<script>
export default {
    name: 'adsBanner',
    props: {
        ads: Object
    }
}
</script>

<style>
    .x-banner {
        margin-bottom: 7px;
    }
    .x-banner a{
        display: block;
        position: relative;
    }
</style>